/* 750为设计图宽度 */
/* 7.5rem为屏幕宽度 */
@rem: 750/7.5rem;

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-family: PingFangSC-Regular, Arial, "Hiragino Sans GB", "WenQuanYi Micro Hei", sans-serif;;
  -webkit-tap-highlight-color: transparent;
  box-sizing: border-box;
}

input, button {
  -webkit-appearance: none;
  appearance: none;
}

input, select {
  outline: none;
}

img {
  vertical-align: top;
}

#app, body, html {
  height: 100%;
  font-size: .272rem;
}

#app {
  overflow: auto;
}

.width100 {
  width: 100%;
}

/*ul清除样式*/
.ulclear {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*内联块*/
.inline-block {
  display: inline-block;
  vertical-align: top;
}

/*宽100%*/
.width100 {
  width: 100%;
}

/*不换行*/
.nowrap {
  white-space: nowrap;
}

/*左浮动*/
.floatLeft {
  float: left;
}

/*左浮动*/
.floatRight {
  float: right;
}

/*清除浮动*/
.clearfix {
  zoom: 1;
}

.clearfix::after {
  content: " ";
  display: block;
  clear: both;
  width: 0;
  height: 0;
}

/*隐藏*/
.overhidden {
  overflow: hidden;
}

/*高度100%*/
.heightFull {
  height: 100%;
}

/*设置层级zIndex*/
.zIndex1001 {
  position: relative;
  z-index: 1001;
}

/*垂直对齐方式*/
.verticalAlign {
  height: 100%;
  font-size: 0;
}

.verticalAlign::before {
  content: " ";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  width: 0px;
}

.verticalAlignMiddle {
  vertical-align: middle;
}

.verticalAlignBottom {
  vertical-align: bottom;
}

.verticalAlignBottom, .verticalAlignMiddle {
  display: inline-block;
  max-width: 100%;
  font-size: 14px;
}

/*垂直对齐方式END*/

/*水平居中*/
.textCenter {
  text-align: center;
}

/*水平右对齐*/
.textRight {
  text-align: right;
}

/*隐藏*/
.hidePosition99 {
  position: absolute;
  left: -9999px;
  top: -9999px;
}
